<!DOCTYPE html>
<html lang="en">
<#include "common/head.html">
<link href="/css/lanrenzhijia.css"

      rel="stylesheet">

<body class="fix-header fix-sidebar">

<!-- Preloader - style you can find in spinners.css -->
<div class="preloader">
    <svg class="circular" viewBox="25 25 50 50">
        <circle class="path" cx="50" cy="50" r="20" fill="none"
                stroke-width="2" stroke-miterlimit="10"/>
    </svg>
</div>
<!-- Main wrapper  -->
<div id="main-wrapper">
    <!-- header header  -->
    <#include "common/header.html">
    <!-- End header header -->
    <!-- Left Sidebar  -->
    <#include "common/nav.html">
    <!-- End Left Sidebar  -->
    <!-- Page wrapper  -->
    <div class="page-wrapper">
        <!-- 锐高软件 -->
        <#include "common/ruigao.html">
        <div class="container-fluid">
            <!--

            标致
            -->

            <div class="row">
                <div class="col-md-6">
                    <div class="card p-30">
                        <div class="media">
                            <div class="media-left meida media-middle">
                                <span><i class="fa fa-user f-s-40 color-primary"></i></span>
                            </div>
                            <div class="media-body media-text-right">
                                <h2></h2>
                                <p class="m-b-0">总人数</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card p-30">
                        <div class="media">
                            <div class="media-left meida media-middle">
                                <span><i class="fa fa-user f-s-40 color-danger"></i></span>
                            </div>
                            <div class="media-body media-text-right">
                                <h2></h2>
                                <p class="m-b-0">今日签到人数</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 更新账号和密码-->
                <div class="theme-popover showUpuser" style="display: none;">
                    <div class="theme-poptit">
                        <a href="javascript:;" title="关闭" class="close">×</a>
                        <h3>修改密码</h3>
                    </div>
                    <div class="theme-popbod dform">
                        <form class="theme-signin" name="loginform">
                            <div class="form-group row">
                                <label class="col-lg-2 col-form-label" for="val-loginname">用户名：</label>
                                <div class="col-lg-10">
                                    <input type="text" class="form-control" id="val-loginname" name="val-loginname"
                                           value="">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-2 col-form-label" for="val-loginname">原密码：</label>
                                <div class="col-lg-10">
                                    <input type="password" class="form-control" id="login-yearpwd" name="login-yearpwd"
                                           placeholder="输入原密码">
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-lg-2 col-form-label" for="val-loginname">新密码：</label>
                                <div class="col-lg-10">
                                    <input type="password" class="form-control" id="login-newpwd" name="login-newpwd"
                                           placeholder="输入新密码">
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-lg-2 col-form-label" for="val-loginname"> 确认密码：</label>
                                <div class="col-lg-10">
                                    <input type="password" class="form-control" id="login-qrpwd" name="login-qrpwd"
                                           placeholder="确认密码">
                                </div>
                            </div>

                            <div class="col-lg-8 ml-auto">
                                <button type="button" class="btn btn-success btn sweet-Uplogin ">修改</button>
                                <button type="reset" class="btn btn-primary ">重置</button>

                            </div>
                            <input type="hidden" name="opt" class="opt" value="">
                        </form>
                    </div>
                </div>


                <!--
                   作者：offline
                   时间：2018-03-28、
                   描述：点击设置考勤弹出窗口
              -->
                <div class="theme-popover Upuserkaoqin" style="display: none;">
                    <div class="theme-poptit">
                        <a href="javascript:;" title="关闭" class="close">×</a>
                        <h3>时间修改</h3>
                    </div>
                    <div class="theme-popbod dform">
                        <form class="theme-signin Upkaoqin" name="loginform">
                            <div class="form-group row">
                                <label class="col-lg-2 col-form-label" for="val-loginname">签到开始：</label>
                                <div class="col-lg-10">
                                    <input type="time" class="form-control" name="val-configUptime" value="">

                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-lg-2 col-form-label" for="val-loginname">签到结束：</label>
                                <div class="col-lg-10">
                                    <input type="time" class="form-control" name="val-configUpdownttime" value="">
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-lg-2 col-form-label" for="val-loginname">签退开始：</label>
                                <div class="col-lg-10">
                                    <input type="time" class="form-control" name="val-configDowntime" value="">
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-lg-2 col-form-label" for="val-loginname">签退结束：</label>
                                <div class="col-lg-10">
                                    <input type="time" class="form-control" name="val-configDowntexittime">
                                </div>
                            </div>

                            <div class="col-lg-8 ml-auto">
                                <button type="button" class="btn btn-success btn sweet-Upkaoqinss ">修改</button>
                                <button type="reset" class="btn btn-primary ">重置</button>

                            </div>
                            <input type="hidden" name="optt" class="optt" value="">
                        </form>


                    </div>
                </div>

                <!--
                      作者：offline
                      时间：2018-03-28、
                      描述：点击购买软件弹出
                 -->
                <div class="theme-popover show-covers" style="display: none;">
                    <div class="theme-poptit">
                        <a href="javascript:;" title="关闭" class="close">×</a>
                        <h3>购买软件</h3>
                    </div>

                    <div class="theme-popbod ">
                        <form action="show_cover.jsp">
                            <div class="form-group row">
                                <label class="col-lg-2 col-form-label" for="val-loginname">订单号码：</label>
                                <div class="col-lg-10">
                                    <input type="text" class="form-control" id="WIDout_trade_no" name="WIDout_trade_no"
                                           value="">

                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-lg-2 col-form-label" for="val-loginname">订单名称：</label>
                                <div class="col-lg-10">
                                    <input type="text" class="form-control" id="WIDout_trade_name"
                                           name="WIDout_trade_name" value="锐高公司管理软件">
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-lg-2 col-form-label" for="val-loginname">购买人：</label>
                                <div class="col-lg-10">
                                    <input type="text" class="form-control" id="WIDout_trade_covername"
                                           name="WIDout_trade_covername" value="">
                                </div>
                            </div>
                            <div class="col-lg-8 ml-auto">
                                <button type="submit" class="btn btn-success show-cover">购买</button>
                                <button type="reset" class="btn btn-primary ">重置</button>

                            </div>

                        </form>
                    </div>
                </div>
            </div>
            <!--
                  作者：offline
                  时间：2018-03-28、
                  描述：two板块
             -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-title">
                            <h4>通知</h4>
                        </div>
                        <div class="recent-comment">
                            <div class="media">
                                <div class="media-left">
                                    <a><img alt="可爱" src="images1/1.png"
                                            class="media-object"></a>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">1</h4>
                                    <br>
                                    <p>2</p>
                                    <p class="comment-date"></p>
                                    <p style="float:right;">
                                        <button type="button"
                                                class="btn btn-success btn-sm btn-rounded m-b-2 m-l-5">
                                            <a href=""
                                               style="color: white;">查看通知</a>
                                        </button>
                                    </p>
                                </div>


                            </div>
                            </c:forEach>
                            <!--上一页--下一页-->
                            <div class="table-responsive m-t-40">
                                <div id="example23_wrapper" class="dataTables_wrapper">
                                    <div class="dataTables_paginate paging_simple_numbers"
                                         id="example23_paginate" id="pageshow">

                                        <a href="indexServlet?PageNo=1" class="paginate_button"
                                           aria-controls="example23" data-dt-idx="7" tabindex="0"
                                           id="example23"> <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;"></font>首页
                                        </font>
                                        </a>

                                        <span>
												
												</span>


                                    </div>
                                </div>
                            </div>
                            <!-- 获取到当前登陆的员工id -->
                            <input type="hidden" name="opt" id="opt" value="">
                            <input type="hidden" name="userid" id="userid" value="">

                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>

</div>
<!-- footer -->
<#include "common/footer.html">
<!-- End footer -->
<#include "common/js.html">
<script type="text/javascript">
    $(function () {
        //点击签到将ID传到servlet里

        //动态生成订单号
        function GetDateNow() {
            var vNow = new Date();
            var sNow = "";
            sNow += String(vNow.getFullYear());
            sNow += String(vNow.getMonth() + 1);
            sNow += String(vNow.getDate());
            sNow += String(vNow.getHours());
            sNow += String(vNow.getMinutes());
            sNow += String(vNow.getSeconds());
            sNow += String(vNow.getMilliseconds());
            document.getElementById("WIDout_trade_no").value = sNow;

        }

        GetDateNow();

        //点击签退将ID传到servlet里


        //非空验证
        $("#val-loginname").blur(function () {
            var name = $("#val-loginname").val();
            if (name = "") {
                swal({
                    title: '用户名不能为空！！',
                    type: 'error',
                    confirmButtonText: '确定',
                    closeOnConfirm: false
                });

            }
        });


        //确认原密码焦点
        $("#login-yearpwd").blur(function () {
            var val = $("#login-yearpwd").val();
            if (val == "") {

                swal({
                    title: '密码不能为空！！',
                    type: 'error',
                    confirmButtonText: '确定',
                    closeOnConfirm: false
                });
            } else {
                //判断当前登录的用户的身份
                $(".opt").val("yzpwd");
                var opt = $(".opt").val();
                $.ajax({
                    url: "userupservlet",
                    type: "GET",
                    data: {"pwd": val, "opt": opt},
                    dataType: "JSON",
                    success: function (data) {
                        if (data.bool == false) {

                            swal({
                                title: '原密码输入不正确！',
                                type: 'error',
                                confirmButtonText: '确定',
                                closeOnConfirm: false
                            });
                        }
                    }, error: function (data) {

                        swal({
                            title: '操作失败！',
                            type: 'error',
                            confirmButtonText: '确定',
                            closeOnConfirm: false
                        });
                    }
                });
            }
        });

        ///点击进行修改
        var newpwd = null;
        var qrpwd = null;

        //确认密码焦点
        $("#login-qrpwd").blur(function () {
            qrpwd = $("#login-qrpwd").val();
            if (qrpwd == "") {
                swal({
                    title: '密码不能为空！',
                    type: 'error',
                    confirmButtonText: '确定',
                    closeOnConfirm: false
                });
                return false;
            }
        });

        // 点击修改账号密码

    });


    //点击修改Upkaoqin


    ///点击购买软件
    $(".show-ceover").click(function () {

        $(".show-covers").fadeIn(100);
    });
    //点击关闭按钮
    $(".close").click(function () {
        $(".show-covers").fadeOut(100);
    });


    })
    ;


</script>

</body>